
.login{
  height:100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: url('https://cdn.pixabay.com/photo/2018/08/14/13/23/ocean-3605547_1280.jpg') no-repeat center;
  background-size: cover;
  .login-box{
    width:400px;
    min-height: 300px;
    background-color: #00000060;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50px 0;
    .login-form{
      width: 300px;
    }
  }
}
.login .login-form-forgot {
  float: right;
}
.login .ant-col-rtl .login-form-forgot {
  float: left;
}
.login .login-form-button {
  width: 100%;
  border: 0;
  background-image: linear-gradient(to right, #30cfd0, #330867);

}

